<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        *{
            margin:0;
            padding:0;
        }

        html,body,.app{
            width:100%;
            height:100%;
            overflow: hidden;
        }
        p{
            width:100%;
            height:60px;
            line-height: 60px;
        }
    </style>
</head>
<body>
    <div class="app">
        <div class="con"></div>
    </div>
    <script src="./data/poem.js"></script>
    <script src="./bscroll.js"></script>
    <script>
        let arr = [];
        
        function fun(i){
            return new Promise((resolve,reject) => {
                setTimeout(() => {
                    arr.push(i);
                    resolve(true);
                },1000)
            })
        }

        // for(let i = 0;i < 10;i++){
        //     fun(i)
        // }
       
        async function add(){
            for(let i = 0;i < 10;i++){
                console.log(arr);
                await fun(i)
            }
        }
        add()

        // async function add(){
        //     for(let i = 0;i < 10;i++){
        //         await fun(i)
        //     }
        // }

        // add();

        // console.log(arr);

        // class Ani{
        //     constructor(data){
        //         this.data = data; 
        //         this.con = document.querySelector('.con');
        //         this.appS = new BScroll('.app');
        //         this.init();
        //     }
        //     async init(){
        //         for(let i = 0;i<this.data.length;i++){
        //             await this.createElement(i);
        //         }
        //     }
        //     createElement(i){
        //         return new Promise((resolve,reject) => {
        //             console.log(i)
        //             let p = document.createElement('p');
        //             p.innerText = this.data[i];
        //             this.con.appendChild(p);
        //             this.appS.scrollToElement(p,300);
        //             setTimeout(() => {
        //                 resolve(true);
        //             },1000)
        //         })
        //     }
        // }

        // let ani = new Ani(poem);
    </script>
</body>
</html>